<template>
    <a-icon :component="iconFilter" @click="this.events" :class="{ 'FollowThemeNode': isFollowTheme}"></a-icon>
</template>

<script>
    export default {
        name: "IconFilter",
        data () {
            return {
                iconFilter: {
                    template:
                        '<svg t="1625712617977" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9146" width="200" height="200"><path d="M880.1 154H143.9c-24.5 0-39.8 26.7-27.5 48L349 597.4V838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V597.4L907.7 202c12.2-21.3-3.1-48-27.6-48zM603.4 798H420.6V642h182.9v156h-0.1z m9.6-236.6l-9.5 16.6h-183l-9.5-16.6L212.7 226h598.6L613 561.4z" p-id="9147"></path></svg>'
                }
            };
        },
        props: {
            isFollowTheme: {
                type: Boolean,
                default: () => {
                    return false
                }
            },
            events: {
                type: Function,
                default: () => {
                    return false
                }
            },
        },
    }
</script>

<style scoped>

</style>